<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-widget {
	font-size: 9px !important;
}

.size {
	width: 750px;
	position: relative;
	left: 18%;
	top: 10%;
}

.centro {
	top: 50%
}

.tabela {
	width: 750px;
}
</style>

	<title>Chat</title>
</h:head>

<h:body>
	<ui:decorate template="/templateBase.xhtml">
		<ui:define name="center">
			<p:growl life="3000" id="growl" autoUpdate="true" />
			<h:form id="formChat">

				<p:fieldset id="container" legend="Chat Online Integração"
					toggleable="true">
					<br />
					<br />
					<h:panelGrid columns="2">
						<h:panelGrid>
							<p:dataTable rows="20" style="width:800px">
								<p:column >
								<h:outputText />
								<br/>
								<h:outputText />
								</p:column>
							</p:dataTable>
						</h:panelGrid>
						<p:dataTable rows="20" emptyMessage="Nenhum usuário online">
							<p:column headerText="Usuários Online" />
							<p:column headerText="Interagir" />
						</p:dataTable>
					</h:panelGrid>


					<h:panelGrid columns="2">
						<p:inputTextarea cols="80" rows="2" autoResize="true" />
						<p:commandButton value="Enviar" icon="ui-icon-comment"
							style="height:30px" />
					</h:panelGrid>
				</p:fieldset>

			</h:form>
		</ui:define>
	</ui:decorate>

</h:body>
</html>